<template>
  <div class="menu-demo">
    <a-menu mode="horizontal"  theme="dark">
      <a-menu-item key="0"  @click="$router.push('/')">
        <router-link to="/">首页</router-link>
      </a-menu-item>
      <a-menu-item key="1" >
        <router-link to="/cpuLoad">  CPU监控页</router-link>
      </a-menu-item>
      <a-menu-item key="2">扩展...</a-menu-item>
      <!-- <a-menu-item key="4">Cooperation</a-menu-item> -->
    </a-menu>
  </div>
</template>

<script setup>
import { ref } from 'vue';

const message = ref('Hello, Vue 3!');
</script>

<style scoped>
.menu-demo {
  box-sizing: border-box;
  width: 100%;

}
</style>